page {
    // background: #FEFEFE;
}

.detail-box {
    padding: 30rpx;

    .card {
        width: 690rpx;
        padding: 40rpx;
        background: white;
        box-shadow: 0rpx 14rpx 46rpx 0rpx rgba(0, 0, 0, 0.04);
        border-radius: 10rpx;
        display: flex;
        align-items: center;
        margin-bottom: 40rpx;

        .avatar {
            width: 100rpx;
            height: 100rpx;
            margin-right: 20rpx;
            border-radius: 100rpx;

            image {
                width: 100rpx;
                height: 100rpx;
                display: block;
                border-radius: 100rpx;
            }
        }

        .name {
            font-size: 36rpx;
            color: #333333;
            margin-right: 20rpx;
            font-weight: 600;
        }

        .number {
            border-radius: 30rpx;
            border: 1rpx solid rgba(255, 172, 126, 1);
            font-size: 24rpx;
            color: #FFAC7E;
            padding: 2rpx 8rpx;
        }
    }

    .desc {
        .title-box{
            display: flex;
            align-items: center;
            margin-bottom: 16rpx;

            .line {
                width: 8rpx;
                height: 28rpx;
                background: #A6D7C7;
                border-radius: 4rpx;
                margin-right: 20rpx;
            }

            .title {
                font-size: 28rpx;
                color: #333333;
                font-weight: 600;
            }
        }

        .txt1 {
            font-size: 24rpx;
            color: #999999;
        }
    }
}